<%@ page language="java" import="java.util.*,cn.sypt.yuhao.domain.*,cn.sypt.yuhao.model.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/home/";

User ub=(User)session.getAttribute("user");
ArrayList al=(ArrayList)request.getAttribute("suibi");
%>

<!DOCTYPE html>
<html lang="en">
<head>
   
    <meta charset="utf-8">
    <title>个性随笔</title>
    <base href="<%=basePath%>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
    <meta name="author" content="Muhammad Usman">

    <!-- The styles -->
    <link id="bs-css" href="css/bootstrap-cerulean.min.css" rel="stylesheet">

    <link href="css/charisma-app.css" rel="stylesheet">
    <link href='bower_components/fullcalendar/dist/fullcalendar.css' rel='stylesheet'>
    <link href='bower_components/fullcalendar/dist/fullcalendar.print.css' rel='stylesheet' media='print'>
    <link href='bower_components/chosen/chosen.min.css' rel='stylesheet'>
    <link href='bower_components/colorbox/example3/colorbox.css' rel='stylesheet'>
    <link href='bower_components/responsive-tables/responsive-tables.css' rel='stylesheet'>
    <link href='bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css' rel='stylesheet'>
    <link href='css/jquery.noty.css' rel='stylesheet'>
    <link href='css/noty_theme_default.css' rel='stylesheet'>
    <link href='css/elfinder.min.css' rel='stylesheet'>
    <link href='css/elfinder.theme.css' rel='stylesheet'>
    <link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
    <link href='css/uploadify.css' rel='stylesheet'>
    <link href='css/animate.min.css' rel='stylesheet'>

    <!-- jQuery -->
    <script src="bower_components/jquery/jquery.min.js"></script>

    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- The fav icon -->
    <link rel="shortcut icon" href="img/favicon.ico">
    <script language="javascript">
	function checkSub()
	{
	var flag=false;
	var sbtext=aform.sbtext.value;
    if(sbtext.trim()=="")
    {
    window.alert("添加随笔不能为空");
    }else
    {
    flag=true;
    }
	  return flag;	
	}
	</script>

</head>

<body>
   <jsp:include flush="true" page="head.jsp"></jsp:include>
<div class="ch-container">
    <div class="row">
        
        <jsp:include flush="true" page="left.jsp"></jsp:include>

       

        <div id="content" class="col-lg-10 col-sm-10">
            <!-- content starts -->
            <div>
    <ul class="breadcrumb">
        <li>
            个人主页
        </li>
        <li>
                                   个性随笔
        </li>
    </ul>
</div>

<div class="row">
    <div class="box col-md-9">
        <div class="box-inner">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-font"></i> 我的学习感悟</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <div class="page-header">
                    <h1>个性随笔
                        <small>在这里记录你的学习感悟以及任何你想说的</small>
                    </h1>
                </div>
                <div class="row ">
                    <div class="col-md-4">
                    
                    <%
                    for(int i=0;i<al.size();i++)
                    {
                    	 Suibi sb=(Suibi)al.get(i);
                     %>
                     <table width="800" height="85" border="0">                   
              <tr>
              <td width="60"><span class="STYLE7">时 间:</span></td>
           <td width="344"><span class="STYLE7"><%=sb.getSbtime() %></span></td>
           </tr>
           <tr>
            <td height="47" colspan="2"><h4><%=sb.getSbtext() %></h4></td><td>
            <a href="/sypt/grglCl?flag=gxsb&flag1=dl&sbid=<%=sb.getSbid() %>"><button>删除</button></a></td>
            </tr>
            
                </table> 
                <% 
                }
                %>  
                
                <form action="/sypt/grglCl?flag=gxsb&flag1=addsb" name="aform" method="post">
                
                <label>新纪录新的开始:</label>
               <textarea id="con" class="form-control" rows="2" name="sbtext">
                 
               </textarea>
                 <input type="submit" name="submit" value="提交" onclick="return checkSub();" />
                
                </form>
                
                    </div>
                    
                   
                </div>
                <!--/row -->
              

            </div>
        </div>
    </div>
    <!--/span-->

   



</div><!--/row-->

    <!-- content ends -->
    </div><!--/#content.col-md-0-->
</div><!--/fluid-row-->

   

    <hr>

    

    <jsp:include flush="true" page="foot.jsp"></jsp:include>

</div><!--/.fluid-container-->

<!-- external javascript -->

<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- library for cookie management -->
<script src="js/jquery.cookie.js"></script>
<!-- calender plugin -->
<script src='bower_components/moment/min/moment.min.js'></script>
<script src='bower_components/fullcalendar/dist/fullcalendar.min.js'></script>
<!-- data table plugin -->
<script src='js/jquery.dataTables.min.js'></script>

<!-- select or dropdown enhancer -->
<script src="bower_components/chosen/chosen.jquery.min.js"></script>
<!-- plugin for gallery image view -->
<script src="bower_components/colorbox/jquery.colorbox-min.js"></script>
<!-- notification plugin -->
<script src="js/jquery.noty.js"></script>
<!-- library for making tables responsive -->
<script src="bower_components/responsive-tables/responsive-tables.js"></script>
<!-- tour plugin -->
<script src="bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js"></script>
<!-- star rating plugin -->
<script src="js/jquery.raty.min.js"></script>
<!-- for iOS style toggle switch -->
<script src="js/jquery.iphone.toggle.js"></script>
<!-- autogrowing textarea plugin -->
<script src="js/jquery.autogrow-textarea.js"></script>
<!-- multiple file upload plugin -->
<script src="js/jquery.uploadify-3.1.min.js"></script>
<!-- history.js for cross-browser state change on ajax -->
<script src="js/jquery.history.js"></script>
<!-- application script for Charisma demo -->
<script src="js/charisma.js"></script>


</body>
</html>

